import Vue from 'vue'
import Vuex from 'vuex'
//导入日志插件
import createLogger from 'vuex/dist/logger'
//导入持久化插件
import createPersistedState from "vuex-persistedstate";

//导入各个子模块
import collectlist from './modules/collectlist'
import shopcartlist from './modules/shopcartlist'

Vue.use(Vuex)

//vuex的特点:
//1.集中管理应用程序的状态
//2.实现多组件通信
//3.vuex是独立于任何组件存在的.
//4.vuex中的数据 刷新会丢失.

export default new Vuex.Store({
  state: {

  },
  modules: { //分模块管理state中的数据
    // cl 是 collectlist 模块的名字
    'cl': collectlist,
    // sl 是 shopcartlist 模块的名字
    'sl': shopcartlist
  },
  //配合其他插件 管理vuex中state内部的数据
  plugins: [createLogger(), createPersistedState()]
})
